<template>
    <div class="eatHeader">
        <div class="shouInner">
            <div class="es-left">
                每日解锁新吃法
            </div>
            <div class="es-right">
                <img src="../../assets/img/首页/吃什么/用户头像.png" alt="">
                <img class="img2" src="../../assets/img/首页/吃什么/放大镜.png" alt="">
                <img src="../../assets/img/首页/吃什么/信息.png" alt="">
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.eatHeader{
    height: 40px;
    padding-top:20px;
    .shouInner {
        width: 94%;
        margin: 0 auto;
        // border: 1px solid red;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .es-left{
            color:#fff;
            font-weight: 700;
            letter-spacing: 1px;
        }
        .es-right{
            img{
                width: 30px;
            }
            .img2{
                margin:0 10px;
            }
        }
    }
}
</style>